<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1"/>
    <meta name="renderer" content="webkit"/>
    <title>人员管理</title>
    <script data-main="list.js" src="../../boot.js" type="text/javascript"></script>
</head>
<body style="display: none">
<div class="mini-fit">
    <div class="mini-toolbar" style="border-bottom:0;">
        <div id="search-box" class="mini-clearfix search-box">
            <div class="mini-col-4 form-component">
                <div class="form-item">
                    <label class="form-label">支付订单号：</label>
                    <div class="input-block component-body">
                        <input name="id" style="width: 100%" class="mini-textbox"/>
                    </div>
                </div>
            </div>
            <div class="mini-col-4 form-component">
                <div class="form-item">
                    <label class="form-label">订单状态：</label>
                    <div class="input-block component-body">
                        <input name="status$in" multiSelect="true" showNullItem="true" dataField="result" valueField="value" style="width: 100%" class="mini-combobox"/>
                    </div>
                </div>
            </div>

            <div class="mini-col-4 form-component">
                <div class="form-item">
                    <label class="form-label">创建时间：</label>
                    <div class="input-block component-body">
                        <input name="createTime$gte" format="yyyy-MM-dd HH:mm:ss" style="width: 45%" class="mini-datepicker"/>
                        -
                        <input name="createTime$lt" format="yyyy-MM-dd HH:mm:ss" style="width: 45%" class="mini-datepicker"/>
                    </div>
                </div>
            </div>

            <div class="mini-col-4 form-component">
                <div class="form-item">
                    <label class="form-label">商户订单号：</label>
                    <div class="input-block component-body">
                        <input name="orderId" style="width: 100%" class="mini-textbox"/>
                    </div>
                </div>
            </div>

            <div class="mini-col-4 form-component">
                <div class="form-item">
                    <label class="form-label">商户：</label>
                    <div class="input-block component-body">
                        <!--merchant_id =? or merchant_name like ?-->
                        <input emptyText="可输入ID或名称" name="merchantId@or@merchantName$LIKE" style="width: 100%" class="mini-textbox"/>
                    </div>
                </div>
            </div>

            <div class="mini-col-4 form-component">
                <div class="form-item">
                    <label class="form-label">完成时间：</label>
                    <div class="input-block component-body">
                        <input name="completeTime$gte" format="yyyy-MM-dd HH:mm:ss" style="width: 45%" class="mini-datepicker"/>
                        -
                        <input name="completeTime$lt" format="yyyy-MM-dd HH:mm:ss" style="width: 45%" class="mini-datepicker"/>
                    </div>
                </div>
            </div>

            <div class="mini-col-2 form-component">
                <div class="form-item">
                    <label class="form-label">交易类型：</label>
                    <div class="input-block component-body">
                        <input name="transType$in" multiSelect="true" showNullItem="true" dataField="result" valueField="value" style="width: 100%" class="mini-combobox"/>
                    </div>
                </div>
            </div>

            <div class="mini-col-2 form-component">
                <div class="form-item">
                    <label class="form-label">渠道：</label>
                    <div class="input-block component-body">
                        <input name="channel@or@channelId@or@channelName$LIKE" style="width: 100%" class="mini-textbox"/>
                    </div>
                </div>
            </div>
            <div class="mini-col-4 form-component">
                <div class="form-item">
                    <label class="form-label">交易金额：</label>
                    <div class="input-block component-body">
                        <input name="amount$gte" allowNull="true" format="#,0.00" value="null" style="width: 45%" maxValue="100000000000" class="mini-spinner"/>
                        -
                        <input name="amount$lt" allowNull="true" format="#,0.00" value="null" style="width: 45%" maxValue="100000000000" class="mini-spinner"/>
                    </div>
                </div>
            </div>
            <div class="mini-col-4 form-component">
                <div class="form-item">
                    <label class="form-label">通知时间：</label>
                    <div class="input-block component-body">
                        <input name="notifyTime$gte" format="yyyy-MM-dd HH:mm:ss" style="width: 45%" class="mini-datepicker"/>
                        -
                        <input name="notifyTime$lt" format="yyyy-MM-dd HH:mm:ss" style="width: 45%" class="mini-datepicker"/>
                    </div>
                </div>
            </div>
            <!--<div class="mini-col-6 form-component">-->
            <!--<div class="form-item">-->
            <!--<label class="form-label">所属机构：</label>-->
            <!--<div class="input-block component-body">-->
            <!--</div>-->
            <!--</div>-->
            <!--</div>-->
        </div>
    </div>
    <div class="mini-fit">
        <div id="data-grid" class="mini-datagrid" style="width:100%;height:100%;margin: auto;"
             idField="id" pageSize="20" sortField="completeTime" sortOrder="desc"
             treeColumn="index">
            <div property="columns">
                <div name="action" width="80" headerAlign="center" align="center">
                    操作
                </div>
                <div field="id" headerAlign="center" align="center" width="100">支付订单号</div>
                <div field="orderId" headerAlign="center" align="center" width="80">商户订单号</div>
                <div field="merchantName" headerAlign="center" align="center" width="80">商户</div>
                <div field="transType.text" headerAlign="center" align="center" width="80">交易类型</div>
                <div field="channelName" headerAlign="center" align="center" width="80">渠道</div>
                <div field="channelProviderName" headerAlign="center" align="center" width="80">渠道服务商</div>
                <div field="productName" headerAlign="center" align="center" width="80">产品</div>
                <div field="amount" name="amount" headerAlign="center" align="center" width="80">金额(元)</div>
                <div field="status.text" headerAlign="center" align="center" width="50">交易状态</div>
                <div name="detail" headerAlign="center" align="center" width="150">订单情况</div>
                <div name="notifyInfo" headerAlign="center" align="center" width="150">通知情况</div>
            </div>
        </div>
    </div>

    <div id="order-detail-window" alowResize="true" showModal="false" showMaxButton="true" class="mini-window" title="订单详情" style="width: 80%;height: 80%">
        <div class="order-detail">

        </div>
        <div id="detail-tab" class="mini-tabs" activeIndex="0" style="width:100%;height:400px;" plain="false">
            <div title="请求响应明细">
                <div class="mini-splitter" style="width:100%;height:100%;">
                    <div size="50%" showCollapseButton="true">
                        <span style="font-size: 16px">请求:</span>
                        <input id="requestJson" readonly class="mini-textarea" style="width: 100%;height: 95%">
                    </div>
                    <div showCollapseButton="true">
                        <span style="font-size: 16px">响应:</span>
                        <input id="responseJson" readonly class="mini-textarea" style="width: 100%;height: 95%">
                    </div>
                </div>
            </div>
            <div title="渠道响应结果">
                <input id="channelResult" readonly class="mini-textarea" style="width: 100%;height: 100%">
            </div>
            <div title="通知情况">
                <div style="font-size: 16px;height: 100%">
                    通知地址: <span class="notifyUrl"></span><br>
                    通知时间: <span class="lastNotifyTime"></span><br>
                    重试次数: <span class="notifyTimes"></span> <a class="mini-button retry-notify">重试</a><br>
                    <input id="errorReason" readonly class="mini-textarea" style="width: 100%;height: 80%">
                </div>
            </div>
            <div title="日志" name="log-tab">

            </div>
        </div>
    </div>
</div>
</body>
</html>